﻿body { background-color: #c5e9f7; }

.container { width: 1000px; }

.header { height: 156px; background: url("../Content/images/gy_02.gif") no-repeat scroll center rgba(0, 0, 0, 0) }

.navbar .nav > li .dropdown-menu { margin: 0; }

.navbar .nav > li:hover .dropdown-menu { display: block; }

.navbar-blue { background-color: #3da3e7; border-color: #157cc0; }

.navbar-blue .navbar-brand { color: #fff; }

.navbar-blue .navbar-brand:hover,
.navbar-blue .navbar-brand:focus { color: #FFE25A; background-color: transparent; }

.navbar-blue .navbar-text { color: #fff; }

.navbar-blue .navbar-nav > li > a { color: #fff; }

.navbar-blue .navbar-nav > li > a:hover,
.navbar-blue .navbar-nav > li > a:focus { color: #FFE25A; background-color: transparent; }

.navbar-blue .navbar-nav > .active > a,
.navbar-blue .navbar-nav > .active > a:hover,
.navbar-blue .navbar-nav > .active > a:focus { color: #FFE25A; background-color: #37B8EC; }

.navbar-blue .navbar-nav > .disabled > a,
.navbar-blue .navbar-nav > .disabled > a:hover,
.navbar-blue .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; }

.navbar-blue .navbar-toggle { border-color: #333; }

.navbar-blue .navbar-toggle:hover,
.navbar-blue .navbar-toggle:focus { background-color: #333; }

.navbar-blue .navbar-toggle .icon-bar { background-color: #fff; }

.navbar-blue .navbar-collapse,
.navbar-blue .navbar-form { border-color: #101010; }

.navbar-blue .navbar-nav > .open > a,
.navbar-blue .navbar-nav > .open > a:hover,
.navbar-blue .navbar-nav > .open > a:focus { color: #fff; background-color: #37B8EC; }

@media (max-width: 767px) {
    .navbar-blue .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; }

    .navbar-blue .navbar-nav .open .dropdown-menu .divider { background-color: #37B8EC; }

    .navbar-blue .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; }

    .navbar-blue .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-blue .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; }

    .navbar-blue .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; }

    .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; }
}

.navbar-blue .navbar-link { color: #9d9d9d; }

.navbar-blue .navbar-link:hover { color: #fff; }

.navbar-blue .btn-link { color: #9d9d9d; }

.navbar-blue .btn-link:hover,
.navbar-blue .btn-link:focus { color: #fff; }

.navbar-blue .btn-link[disabled]:hover,
fieldset[disabled] .navbar-blue .btn-link:hover,
.navbar-blue .btn-link[disabled]:focus,
fieldset[disabled] .navbar-blue .btn-link:focus { color: #444; }

.modal-content { width: 1000px; }
.head-banner { position: relative; }
.head-banner-topic { margin-top: 10px; width: 700px; height: 342px; text-align: center; padding: 10px; float: left; box-shadow: 0 0 8px 1px #428bca; }
.head-banner-desc { margin-top: 10px; width: 250px; height: 342px; padding: 0 10px; float: right; box-shadow: 0 0 8px 1px #428bca; }
.head-product { overflow: hidden; position: relative; }
.duckwidth { width: 100%; }

.head-product h2 { text-shadow: 3px 3px 3px #000; background: none repeat scroll 0 0 #428bca; border-bottom: 1px solid #006600; border-top-left-radius: 7px; border-top-right-radius: 7px; color: #ffffff; padding: 10px; }

.content { overflow: hidden; position: relative; }

.infiniteCarousel { margin: 0 auto; width: 1025px; position: relative; }

.infiniteCarousel .wrapper { width: 945px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; min-height: 10em; margin: 0 40px; top: 0; }

.infiniteCarousel ul img { display: block; width: 125px; height: 125px; border: 5px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.infiniteCarousel .wrapper ul { width: 9999px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; top: 0; }

.infiniteCarousel ul li { display: block; float: left; padding: 10px; height: 135px; width: 135px; }


.infiniteCarousel .arrow { width: 30px; height: 50px; background: url(/Content/images/icon.png) no-repeat; background: url(/Content/images/icon_ie6.png) no-repeat\9; position: absolute; top: 48px; z-index: 99; cursor: pointer; filter: alpha(opacity=70); opacity: 0.7; }
.infiniteCarousel .forward { background-position: 0 -60px; left: 4px; }
.infiniteCarousel .back { background-position: 0 0; right: 4px; }

.book-item { width: 360px; height: 205px; }


.fl { float: left; }
.fr { float: right; }

.flu { float: right; height: 342px; margin-top: 10px; padding: 0 10px; width: 370px; }
